:deep(.left_block .el-scrollbar__wrap){
    height: 100%;
    background: #F9F9F9;
 }

:deep(.left_block .el-scrollbar__view){
    height: 100%;
 }


  .productsMain {
    height: 100%;
    display: flex;
    width: 100%;
    margin-left: -20px;
    .left_block{
        // height: calc(100vh - 199px);
        .product_block { 
            height: 100%;
            background: #F9F9F9;
            .pro_item {
                border-top: 1px solid #F9F9F9;
                padding: 35px 28px 35px 48px;
                color: var(--el-text-color-primary);
                font-size: 12px;
                font-weight: 400; 
                cursor: pointer;
                text-align: center;
                &.activeItem{
                    background-color:  var(--el-bg-color);
                }
                .item_name{
                  width: 180px;
                  word-break: break-word;
                }
                
               
            }
            .color_item{
                    border-top: 1px solid #F9F9F9;
                    padding: 25px 28px 25px 48px;
                    color: var(--el-text-color-primary);;
                    font-size: 12px;
                    font-weight: 400; 
                    cursor: pointer;
                    text-align: center;
                    &.activeItem{
                        background-color: var(--el-bg-color);
                    }
                    
                    .color_pic{
                       
                       
                        img{
                            width: 24px;
                            height: 24px;
                            border-radius: 50%;
                        }
                        .color_txt{
                            padding-top:5px;
                        }
                    }
                
            }
        }
    }
    .right_block{
        flex: 1;
        padding-left: 20px;
        margin-top: 5px;
    }
    .title_tip {
      text-align: right;
      display: flex;
      justify-content: end;
      align-items: center;
      .el-icon {
        margin-right: 3px;
      }
      .fail_info {
        color: red;
        display: flex;
        align-items: center;
        margin-right: 15px;
        cursor: pointer;
      }
      .tip_info {
        color: var(--el-color-primary);
        display: flex;
        align-items: center;
        cursor: pointer;
      }
    }
  
    .upload_moudle{
      margin-top: 20px;
    }
   
  }
  
  .dark{
    .productsMain {
      .left_block{
        // height: calc(100vh - 199px);
        .product_block {  
            background: #171A2E;
            .pro_item {
              border-top: 1px solid #171A2E;
            }
            .color_item{
              border-top: 1px solid #171A2E;
            }
            &.activeItem{
              background-color: #fff;
          }
        }
    }
    }
  }